<script setup></script>
<template>
  <div class="zhuti">
    <p style="margin-top: 5px">钉钉群推送</p>
    <p style="margin-top: 15px">使用钉钉群聊内的机器人推送平台内客户下单信息</p>
    <p style="font-weight: 700; margin-top: 15px">钉钉群Webhook地址</p>

    <input
      style="margin-left: 2px"
      type="text"
      class="nr"
      placeholder="https://oapi.dingtalk.com/robot/send?access_token=af3fb1749af7e841dc0d9112988b97bd5304a4c887971fb1ea944bbd2ec02c70"
    />
    <p style="font-weight: 700; margin-top: 5px">加签</p>
    <input
      style="margin-left: 2px"
      type="text"
      class="nr"
      placeholder="SECfc94296a6df9d611668052cfb7501d3619a94ea0e8bc0a986a226dde8a548a89"
    />
    <p style="font-weight: 700">
      推送<el-switch v-model="kaiguan" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
    </p>

    <p style="font-weight: 700">
      模拟<el-switch v-model="kaiguana" active-color="#13ce66" inactive-color="#ff4949"></el-switch>
    </p>

    <button class="bc">保存</button>
  </div>
</template>

<style scoped>
.nr {
  width: 1050px;
  height: 30px;
  margin: 10px 14px;
  background-color: #e4e0e0;
  border-radius: 5px;
}
.bc {
  width: 80px;
  height: 30px;
  margin: 0 auto;
  border-radius: 5px;
  background-color: #0478fc;
  color: white;
}
</style>
